<!DOCTYPE html>
<meta charset="UTF-8">
<html>
<head>
	<title>支付成功</title>
	<style>
		body {
			background-color: #f5f5f5;
		}
		.container {
			margin: 0 auto;
			width: 80%;
			text-align: center;
			padding-top: 50px;
		}
		h1 {
			color: orange;
			font-size: 48px;
			margin-bottom: 30px;
		}
		p {
			font-size: 24px;
			margin-bottom: 50px;
		}
		.redirect {
			font-size: 18px;
			color: gray;
		}
		.redirect span {
			color: orange;
			font-weight: bold;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>支付成功！</h1>
		<p>感谢您的购买，愿你在本站中学会更多得安全知识。</p>
		<p class="redirect">页面将在<span id="countdown">10</span>秒后自动跳转到<span><a href="http://43.136.98.253:120/#/main/pay">支付页面</a></span></p>
	</div>
	<script>
		var countdown = 10;
		var countdownElement = document.getElementById("countdown");
		setInterval(function() {
			countdown--;
			countdownElement.innerHTML = countdown;
			if (countdown === 0) {
				window.location.href = "http://43.136.98.253:120/#/main/pay";
			}
		}, 1000);
	</script>
</body>
</html>
